<template>
  <div>
    <TreeTransfer
      :sourceData.sync="sourceData"
      :targetData.sync="targetData"
      leftTitle="可选数据"
      rightTitle="已选数据"
    />
  </div>
</template>

<script>
import { label } from 'three/examples/jsm/nodes/Nodes.js';
import TreeTransfer from './transfer.vue'
export default {
  components: { TreeTransfer },
  props: {},
  data () {
    return {
      sourceData: [
        {
          id: '1',
          label: '1',
          children: [
            {
              id: '1-1',
              label: '1-1'
            },
            {
              id: '1-2',
              label: '1-2'
            }
          ]
        },
        {
          id: '2',
          label: '2',
          children: [
            {
              id: '2-1',
              label: '2-1'
            },
            {
              id: '2-2',
              label: '2-2'
            }
          ]
        },
      ],
      targetData: []
    }
  },
  computed: {},
  watch: {},
  created () { },
  mounted () { },
  methods: {}
}
</script>
<style lang='less' scoped>
</style>